/*
 * Extend Variables.
 * ----------------
 */
// Bootstrap
//@line-height-base:35px;//Cover variable.Old value is 1.428571429; // 20/14

//Cover
// COLORS
@light-blue: #3c84b5; //#3c8dbc
@green: #46ad46; //#00a65a
@gray: #a5abb2; //#d2d6de 9399a1

@input-bg: #ebeef0;

// Cover end
@white: #fcfcfc;
@light-gray: #eaeaea;
@dark-gray: #707070;
@light-black: #394555;
@light-blue-gray: #ebf1f7;
@blue-gray: #adc4d4;

@border-color: #d5d5d5;
@border-color-focus: #8ec5e3;
@border-color-light: @light-blue;
// Light sidebar
@sidebar-light-bg: @blue-gray; //Cover variable.Old value is #f9fafc;

@bg-default: @light-blue-gray;
@bg-white: @white;
@header-bg: linear-gradient(#f1f1f1, #e7e7e7);

// Padding
@padding-default : 10px;

// BOXES
@box-border-color: @border-color; //Cover variable.Old value is #f4f4f4;
@box-border-radius: 3px;
@box-footer-bg: @bg-default; //Cover variable.Old value is #fff;
@box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1);
@box-padding: 16px; //Cover variable.Old value is 10px

// Table
@table-line-height: 35px;
@table-border-color: @box-border-color;
@table-span-color: @light-black;
@table-color-info: @gray;
@table-border-color-info: @blue-gray;
@table-color: @light-black;
@table-bg: @bg-default;
@table-thead-bg: @header-bg;
@table-thead-color: @light-black;
@table-tbody-color: @dark-gray;
@table-color-primary: @dark-gray;

// Modal
@modal-content-bg: #f0f0f0;
@modal-text-color: @light-blue-gray;

// Form
@form-border-color-focus: @border-color-focus;
@form-label-color: #9399a1;
@form-text-color: @light-black;
@form-text-bg: @input-bg;
@form-text-border: #b9b9b9;
@form-text-color-readonly: #a0a0a0;
@form-text-bg-readonly: #e6e6e6;
@form-text-border-readonly: #c8c8c8;
@form-text-bg-search: #fcfcfc;

@form-select-bg: #b0cde1;
@form-select-border: @light-blue;
@form-select-color-choice: #f0f0f0;
@form-select-bg-choice: #82acc9;
@form-select-color-hover: #185580;
@form-select-bg-hover: #d3e1ea;

// Other
@font-size: 14px;
@data-map-color:#5090bd;
@data-map-title-color:#546676;

// FancyTree
@fancytree-border-color: #8ec5e3;
@fancytree-node-color: #689ABC; //#cce4f1;

// mixins
.color-bg(@color:#fff; @background-color: @bg-default) {
  color: @color !important;
  background-color: @bg-default !important;
}

.bg-linear-gradient(@start:#f1f1f1,@end:#e7e7e7) {
  background: -webkit-linear-gradient(@start, @end); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(@start, @end); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(@start, @end); /* Firefox 3.6 - 15 */
  background: linear-gradient(@start, @end); /* 标准的语法 */
}

.form-control-color(@from-bg:@form-text-bg) {
  background-color: @from-bg;
  border-color: @form-text-border;
  color: @form-text-color;
  &:focus {
    border-color: @form-border-color-focus;
    box-shadow: none;
  }
}

.form-readonly-color() {
  background-color: @form-text-bg-readonly;
  border-color: @form-text-border-readonly;
  color: @form-text-color;
  cursor: not-allowed;
  &:focus {
    border-color: @form-border-color-focus;
    box-shadow: none;
  }
}